<template>
    <div class="noice">
      <div class="hint">
        <p v-for="(item, key) in hintlist"
           :key="key"
           @click="skip(item.slot)"
        >
          <img :src="item.login" alt="">
          <span>{{item.title}}</span>
        </p>
        <div class="point"></div>
      </div>
    </div>
</template>

<script>
    export default {
        name: "noice",
      data(){
          return{
            hintlist:[
              {title:'首页',login:require('../icons/shouye.png'),slot:'/index/auth'},
              {title:'刷新',login:require('../icons/shuaxin.png'),slot:'/index/PD-today/pd_today'}],
          }
      },
      methods:{
          skip(path){
            this.$router.push({path:path});
            // this.$bus.$emit('qbIsShow', this.qbIsShow)
          }
      }
    }
</script>

<style scoped lang="scss">
.noice{
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,.5);
  z-index: 999;
  position: absolute;
  .hint{
    width: 535px;
    height: 285px;
    border-radius: 40px;
    background: white;
    position: absolute;
    right: 10px;
    top:110px;
    p{
      margin: 0 50px;
      font-size: 40px;
      color: #5f5f5f;
      height: 142px;
      display: flex;
      line-height: 142px;
      img{
        width: 55px;
        height: 55px;
        margin: auto;
      }
      span{
        flex: 1;
        text-indent: 75px;
      }
    }
    .point{
      position: absolute;
      background: white;
      width: 60px;
      height: 60px;
      top: -23px;
      right: 35px;
      transform: rotate(45deg);
    }
  }
}
</style>
